<template>
  <div class="all">
    <div class="flow">
      <div class="step">
        <van-steps direction="vertical" :active="0">
          <van-step>
            <h3>【采购】采购成功</h3>
            <p>2016-07-12 12:40</p>
          </van-step>
          <van-step>
            <h3>【卖家发货】已发货</h3>
            <p>2016-07-11 10:00</p>
          </van-step>
          <van-step>
            <h3>【卖家签收】未签收</h3>
            <p>2016-07-10 09:30</p>
          </van-step>
          <van-step>
            <h3>交易完成</h3>
            <p>2016-07-10 09:30</p>
          </van-step>
        </van-steps>
      </div>
      </div>
    </div>
</template>
<script>
export default {
  
}
</script>
<style>
  .all {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .flow {
    height: 93%;
    background: #fff;
    width: 90%;
    border-radius: 15px;
    overflow: hidden;
    margin: 28px auto
  }
  .step {
    margin-top: 30px;
  }
</style>